@import url('../../public/TciocEx/css/style.css');

/*.full-body{overflow: hidden; height: 100%;}*/
html{
    min-height: 100%;
    position: relative;
}
body{
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: "Microsoft YaHei", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.fl{
    float:left;
}
.fr
{  float:right;
}
.top_content{
    height: 60px;
    border-bottom: 1px solid #f0f0f0;
}
.logo{
    float: left;width: 320px;padding-top:12px ;
}
.logo img {  width: 100%;}
.phone {margin-top:12px ;float: right;}
.phone img{height: 100%;  }
.phone_num{color: #333333;font-size: 18px;padding-top:6px;line-height: 29px;}
.navigation{height: 55px;}
.navigation ul{overflow: hidden;padding: 0;margin: 0}
.navigation ul li{float: left;height:55px;width: 66px;list-style-type: none;padding-top: 10px;margin-right: 32px;text-align: center;font-size: 15px;line-height: 28px;}
.navigation ul li a{ color: #000;text-decoration: none;}
.navigation ul  .active{border-bottom: 2px solid #2495e4}
.navigation ul .active a{color: #2495e4}


.slide-nav{  float: left;  margin-top: -60px;  width: 160px;  background: #147ac1;  }
.slide-nav .title{  height: 120px;  color: #fff;  padding: 28px 10px 0 10px;  }
.slide-nav .title .ch{float: left; font-size: 22px;border-bottom: 1px solid #fff;width: 100%;padding-bottom: 10px}
.slide-nav .title .en{float: right; font-size: 12px;margin-top: 5px}
.slide-nav .content{ padding: 20px 10px;  background: #2495e4;  }
.slide-nav .content ul{overflow: hidden;padding: 0;margin: 0}
.slide-nav .content ul li{height: 32px;list-style-type: none;padding-left:10px;padding-top:7px;font-size: 12px;border-bottom: 1px solid #147ac1;}
.slide-nav .content ul li a{color: #91caf1;text-decoration: none;width: 80px}
.slide-nav .content ul .active{ background: #147ac1;padding-left:18px;}
.slide-nav .content ul .active a{color: #fff;}

.footer{position: fixed;bottom: 0px;background: #292929;width: 100%;height: 40px;padding-top: 10px;color: #fff;font-size: 14px;}